<template>
     <div id="app">
        <Top  v-show="!showLrc" />
        <aSide v-show="!showLrc" />
        <player/>
        <middle  v-show="!showLrc"/>
        <Lrc
        v-if="showLrc"
        />
     </div>
</template>

<script>
import Lrc from "@/components/MuiscLrc/lrc"
import Top from "@/views/Header"
import aSide from "@/views/aSide"
import player from "@/views/player"
import middle from "@/views/middle"
export default {
   components:{
     Top,
     aSide,
     player,
     middle,
     Lrc
   },
   computed:{
       showLrc(){
        return this.$Store.state.homePage.showLrc
     }
   }
    
}
</script>

<style>
   #app{
      position: relative;
   }
</style>